<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>好123首页</title>
    <link rel="stylesheet" type="text/css" href="hao123.css" />
    <link id="linkid" rel="stylesheet" type="text/css" href="default.css" />

    <!--[if IE]>
    <script src="html5shiv.js"></script>
    <![endif]-->
</head>
<body onload="init()">
    <div class="container">
        <!-- 搜索部分 -->
        <div class="search-wrap">
            <!-- 搜索部分第1行 -->
            <div id="search-inner1" class="clear">
                <!-- 搜索部分第1行 左侧 -->
                <div class="inner1-left">
                    <a href="https://www.baidu.com" title="百度首页" class="index"><span></span></a>
                    <form>
                        <div id="input-wrap">
                            <a href="javascript:;" class="page" onclick="menu_toggle()"><span>网页</span><i></i></a>
                            <input type="text" autofocus/>

                        </div>
                        <div id="submit-wrap">
                            <input type="submit" value=""/>
                        </div>
                        <a href="javascript:;" id="num"><span>4</span></a>
                        <!-- 隐藏的下拉菜单 -->
                        <div id="dropdown">
                            <ul>
                                <li><a href="javascript:;">网页</a></li>
                                <li><a href="javascript:;">音乐</a></li>
                                <li> <a href="javascript:;">视频</a></li>
                                <li><a href="javascript:;">图片</a></li>
                                <li> <a href="javascript:;">贴吧</a></li>
                                <li><a href="javascript:;">知道</a></li>
                                <li><a href="javascript:;">新闻</a></li>
                                <li><a href="javascript:;">地图</a></li>
                                <li> <a href="javascript:;">更多&gt;&gt;</a></li>
                            </ul>
                        </div>
                    </form>
                </div>
                <!-- 搜索部分第1行 右侧-->
                <div class="inner1-right">
                    <a class="circle1" href="javascript:;" title="默认" data="default" onclick="changeSkin(this)"></a>
                    <a class="circle2" href="javascript:;" title="红色" data="red" onclick="changeSkin(this)"></a>
                    <a class="circle3" href="javascript:;" title="橘色" data="orange" onclick="changeSkin(this)"></a>
                    <a class="circle4" href="javascript:;" title="蓝色" data="blue" onclick="changeSkin(this)"></a>
                    <a class="circle5" href="javascript:;" title="绿色" data="green" onclick="changeSkin(this)"></a>
                </div>
            </div>

            <!-- 搜索部分第二行 -->
            <div id="search-inner2">
                <ul>
                    <li><a href="http://www.hao123.com/top" target="_blank">热搜:</a></li>
                    <li><a href="http://www.baidu.com/s?word=%E4%B8%8A%E6%B5%B7%E5%A4%A9%E6%B0%94&tn=sitehao123_10_pg&ie=utf-8" target="_blank">上海天气</a></li>
                    <li><a href="http://www.baidu.com/s?word=NBA&tn=sitehao123_10_pg&ie=utf-8" target="_blank">NBA</a></li>
                    <li><a href="http://www.baidu.com/s?word=%E8%8A%88%E6%9C%88%E4%BC%A0&tn=sitehao123_10_pg&ie=utf-8" target="_blank">芈月传</a></li>
                    <li><a href="http://www.baidu.com/s?word=%E7%8E%8B%E5%AE%9D%E5%BC%BA%E5%AE%B6%E4%BA%BA%E8%A2%AB%E6%92%9E%E6%AD%BB&tn=sitehao123_10_pg&ie=utf-8" target="_blank">王宝强家人被撞死</a></li>
                    <li>
                        <a href="http://www.baidu.com/s?word=%E9%9F%A9%E9%9B%AA%E5%90%83%E7%89%9B%E7%9D%BE%E4%B8%B8&tn=sitehao123_10_pg&ie=utf-8" target="_blank">韩雪吃牛睾丸</a>
                    </li>
                    <li><a id="more" href="http://www.hao123.com/top" target="_blank">更多</a></li>
                </ul>
            </div>
        </div>
        <!-- 下面的选择菜单 -->
        <div class="menu">
            <ul>
                <li id="index"><a href="https://www.hao123.com/">首页</a></li>
                <li id="tv"><a href="http://www.hao123.com/">电视剧</a></li>
                <li id="movie"><a href="http://www.hao123.com/">最新电影</a></li>
                <li id="newshead"><a href="http://www.hao123.com/">新闻头条</a></li>
                <li id="gossip"><a href="http://www.hao123.com/">八卦娱乐</a></li>
                <li id="military"><a href="http://www.hao123.com/">军事热点</a></li>
                <li id="hotgames"><a href="http://www.hao123.com/">热门游戏</a></li>
                <li><a href="http://www.hao123.com/">小游戏</a></li>
                <li><a href="http://www.hao123.com/">今日特价</a></li>
                <li><a href="http://www.hao123.com/">特价旅游</a></li>
                <li><a href="http://www.hao123.com/">生活服务</a></li>
            </ul>
        </div>
        <!-- 主体部分 -->
        <article>
            <!-- 主体部分右侧 -->
            <div id="article-right">
                <div class="right1">
                    <ul id="ul1">
                        <li><a href="https://www.baidu.com/?tn=10018801_hao" target="_blank" id="baidu">百度</a>&nbsp;•&nbsp;<a href="http://tieba.baidu.com/" target="_blank">贴吧</a></li>
                        <li><a href="http://www.sina.com.cn/" target="_blank" id="sina">新浪</a>&nbsp;•&nbsp;<a href="http://weibo.com/" target="_blank">微博</a></li>
                        <li><a href="http://www.sohu.com/" target="_blank" id="sohu">搜狐</a>&nbsp;•&nbsp;<a href="http://www.hao123.com/top" target="_blank">热点</a></li>
                        <li><a href="http://www.qq.com/" target="_blank" id="qq">腾　讯</a></li>
                        <li><a href="http://www.163.com/" target="_blank" id="w163">网　易</a></li>
                        <li><a href="http://www.iqiyi.com/" target="_blank" id="aiqiyi">爱奇艺高清</a></li>
                        <li><a href="https://www.tmall.com/?ali_trackid=2:mm_26632322_6858406_23810104:1450188165_251_798074849" target="_blank" id="tianmao">天　猫</a></li>
                        <li><a href="http://www.ifeng.com/" target="_blank" id="ifeng">凤 凰 网</a></li>
                        <li><a href="https://www.taobao.com/" target="_blank" id="taobao">淘 宝 网</a></li>
                        <li><a href="http://game.hao123.com/" target="_blank" id="fgame">免费游戏</a></li>
                        <li><a href="http://www.4399.com/" target="_blank" id="game4399">4399游戏</a></li>
                        <li><a href="http://www.xinhuanet.com/" target="_blank" id="xinhua">新华</a>&nbsp;•&nbsp;<a href="http://www.people.com.cn/" target="_blank">人民</a></li>
                        <li><a href="http://www.jd.com/" target="_blank" id="jd">京东商城</a></li>
                        <li><a href="https://ju.taobao.com/" target="_blank" id="ju">聚 划 算</a></li>
                        <li><a href="http://tejia.hao123.com/?tn=mz" target="_blank" id="tejia">今日特价</a></li>
                        <li><a href="http://v.hao123.com/" target="_blank" id="hao123">hao123影视</a></li>
                        <li><a href="http://www.autohome.com.cn/" target="_blank" id="car">汽车之家</a></li>
                        <li><a href="http://www.qunar.com/" target="_blank" id="where">去 哪 儿</a></li>
                    </ul>
                    <div id="line"></div>
                    <ul id="ul2">
                        <li><a href="http://www.eastmoney.com/" target="_blank">东方财富</a>&nbsp;•&nbsp;<a href="http://www.hao123.com/licai" target="_blank">理财</a></li>
                        <li><a href="http://sh.58.com/" target="_blank">58 同 城</a></li>
                        <li><a href="http://sh.fang.com/" target="_blank" id="house">搜 房 网</a></li>
                        <li><a href="http://www.ctrip.com/" target="_blank">携程旅行网</a></li>
                        <li><a href="http://www.pptv.com/" target="_blank">PPTV聚力</a></li>
                        <li><a href="http://www.12306.cn/mormhweb/" target="_blank">12306</a>&nbsp;•&nbsp;<a href="http://12306.hao123.com/chunyun" target="_blank">火车票</a></li>
                        <li><a href="http://sh.jumei.com/?referer=hao123_mz" target="_blank">聚美优品</a></li>
                        <li><a href="http://sh.ganji.com/" target="_blank">赶 集 网</a></li>
                        <li><a href="http://shanghai.bitauto.com/" target="_blank">易 车 网</a></li>
                        <li><a href="http://caipiao.hao123.com/" target="_blank">彩票开奖</a></li>
                        <li><a href="http://www.xcar.com.cn/" target="_blank">爱卡汽车</a></li>
                        <li><a href="http://www.icbc.com.cn/icbc/" target="_blank">工商银行</a></li>
                        <li><a href="http://www.vip.com/" target="_blank">唯 品 会</a></li>
                        <li><a href="http://www.ly.com/?refid=52600394" target="_blank">同程旅游</a></li>
                        <li><a href="http://www.tuniu.com/" target="_blank">途牛旅游网</a></li>
                        <li><a href="http://liulanqi.baidu.com/" target="_blank">百度浏览器</a></li>
                        <li><a href="http://www.pcauto.com.cn/" target="_blank">太平洋汽车</a></li>
                        <li><a href="http://www.elong.com/?banid=hao123ming" target="_blank">艺 龙 网</a></li>
                        <li><a href="http://www.nuomi.com/" target="_blank">百度糯米</a></li>
                        <li><a href="http://www.mogujie.com/" target="_blank">蘑 菇 街</a></li>
                        <li><a href="http://life.hao123.com/" target="_blank">hao到家</a>&nbsp;•&nbsp;<a href="http://www.hao123.com/xuexi" target="_blank">学习</a></li>
                        <li><a href="https://user.lu.com/" target="_blank">陆金所理财</a></li>
                        <li><a href="http://moe.hao123.com/" target="_blank">萌主页</a>&nbsp;•&nbsp;<a href="http://v.hao123.com/dongman/" target="_blank">动漫</a></li>
                        <li><a href="http://haitao.hao123.com/?tn=mz" target="_blank">海淘</a>&nbsp;•&nbsp;<a href="http://go.hao123.com/" target="_blank">旅游</a></li>
                        <li><a href="http://www.suning.com/" target="_blank" id="suning">苏宁易购</a></li>
                        <li><a href="http://www.gome.com.cn/" target="_blank" class="color">国美在线</a></li>
                        <li><a href="http://gouwu.hao123.com/?tn=mz" target="_blank"  class="color">购物</a>&nbsp;•&nbsp;<a href="http://www.hao123.com/mobile/?tn=mz" target="_blank" class="color">手机</a></li>
                        <li><a href="http://www.yhd.com/?tracker_u=10861423206" target="_blank" class="color">1 号 店</a></li>
                        <li><a href="http://flights.ctrip.com/" target="_blank" class="color">携程机票</a></li>
                        <li><a href="http://ai.taobao.com/" target="_blank" class="color">爱 淘 宝</a></li>
                    </ul>
                </div>
                <div class="right2">
                    <ul>
                        <li><a href="https://ju.taobao.com/" target="_blank">聚划算</a></li>
                        <li><a href="http://ai.taobao.com/" target="_blank">爱淘宝</a></li>
                        <li><a href="http://zhidemai.jd.com/" target="_blank">京东值得买</a></li>
                        <li><a href="http://flights.ctrip.com/" target="_blank">携程机票</a></li>
                        <li><a href="http://prom.gome.com.cn/" target="_blank">年末特别场</a></li>
                        <li><a href="http://www.hao123.com/" target="_blank">今日秒杀</a></li>
                        <li><a href="http://8.hao123.com/" target="_blank">爆款理财</a></li>
                        <li><a href="http://www.hao123.com/loan" target="_blank">贷款</a></li>
                        <li><a href="http://www.yiwugou.com/" target="_blank">义乌购批发</a></li>
                        <li><a href="https://user.lu.com/user/lpreg?action=se_guohua&seo=se_guohua&marketFeedbackCode=eyJ1cmxUaWQiOiItMTU5ODAiLCJ1cmxTb3VyY2UiOiI0MDk3NSJ9" target="_blank">短期理财</a></li>
                        <li><a href="http://mall.baidu.com/activity/carnival?from=hao_kz_zj" target="_blank">限时秒杀</a></li>
                    </ul>
                </div>
                <div class="right3">
                    <div class="right3-inner1">
                        <ul>
                            <li class="green"><a href="http://game.hao123.com/" target="_blank" id="games">游戏</a></li>
                            <li><a href="http://t.xydhl.com/" target="_blank">一刀9999级</a></li>
                            <li><a href="http://news.u9377w.com/8859/" target="_blank">LOL传奇</a></li>
                            <li><a href="http://x.joypush.cn/" target="_blank">999级试玩</a></li>
                            <li><a href="http://news.u9377w.com/10535/" target="_blank">皇图霸业</a></li>
                            <li><a href="" target="_blank">传奇单机版</a></li>
                            <li><a href="" target="_blank">征途网页版</a></li>
                            <li><a href="http://p.ledu.com/" target="_blank">大主宰OL</a></li>
                            <li class="change"><a href="#">换一换</a></li>
                        </ul>
                    </div>
                    <div class="right3-inner2">
                        <ul>
                            <li class="green"><a href="http://tejia.hao123.com/?tn=zjl" target="_blank" id="shopping">购物</a></li>
                            <li><a href="http://www.juanpi.com/" target="_blank">9块9包邮</a></li>
                            <li><a href="http://pinpai.manpianyi.com/" target="_blank">1折起特卖</a></li>
                            <li><a href="http://www.juanpi.com/" target="_blank">年货9块9起</a></li>
                            <li><a href="http://tejia.aili.com/" target="_blank">贵宾专宠粮</a></li>
                            <li><a href="http://zhuanti.boqii.com/" target="_blank" class="color">狗粮包顺丰</a></li>
                            <li><a href="http://pinpai.manpianyi.com/" target="_blank">品牌秒杀</a></li>
                            <li><a href="http://tejia.aili.com/" target="_blank">必败爆款</a></li>
                            <li class="change"><a href="#">换一换</a></li>
                        </ul>
                    </div>
                    <div class="right3-inner3">
                        <ul>
                            <li class="green"><a href="http://go.hao123.com/" target="_blank" id="hot">热门</a></li>
                            <li><a href="http://esf.fangdd.com/" target="_blank">买卖二手房</a></li>
                            <li><a href="" target="_blank">创业好项目</a></li>
                            <li><a href="http://www.28.com/" target="_blank" class="color">半年开宝马</a></li>
                            <li><a href="http://www.kuaiyoujia.com/" target="_blank">真房东直租</a></li>
                            <li><a href="https://www.itouzi.com/" target="_blank">不靠死工资</a></li>
                            <li><a href="http://www.tujia.com/" target="_blank">途家日租房</a></li>
                            <li><a href="http://www.kuaiyoujia.com/" target="_blank">真房东租房</a></li>
                            <li class="change"><a href="#">换一换</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 主体部分左侧 -->
            <div id="article-left">
                <div class="left1">
                    <ul>
                        <li><a href="">电视剧</a>&nbsp;|&nbsp;<a href="">综艺</a></li>
                        <li><a href="">游戏</a>&nbsp;|&nbsp;<a href="">小游戏</a></li>
                        <li><a href="">电影</a>&nbsp;|&nbsp;<a href="">直播</a></li>
                        <li><a href="">动画</a>&nbsp;|&nbsp;<a href="">漫画</a></li>
                        <li><a href="">头条</a>&nbsp;|&nbsp;<a href="">军事</a></li>
                        <li><a href="">旅游</a>&nbsp;|&nbsp;<a href="">门票</a></li>
                        <li><a href="">彩票</a>&nbsp;|&nbsp;<a href="">股票</a></li>
                        <li><a href="">搞笑</a>&nbsp;|&nbsp;<a href="">小说</a></li>
                        <li><a href="">特价</a>&nbsp;|&nbsp;<a href="">海淘</a></li>
                        <li><a href="">教育</a>&nbsp;|&nbsp;<a href="">理财</a></li>
                        <li><a href="">生活</a>&nbsp;|&nbsp;<a href="">天气</a></li>
                        <li><a href="">美食</a>&nbsp;|&nbsp;<a href="">音乐</a> </li>
                    </ul>
                </div>
                <div class="left2">
                    <ul class="left2-menu">
                        <li><a href="http://tuijian.hao123.com/">头条</a></li>
                        <li><a href="http://tuijian.hao123.com/">社会</a></li>
                        <li><a href="http://www.hao123.com/star">娱乐</a></li>
                        <li><a href="http://www.hao123.com/junshi">军事</a></li>
                        <li><a href="http://www.hao123.com/sports">体育</a></li>
                    </ul>
                    <div><img src="img/dog.jpg"></div>
                    <ul class="left2-list">
                        <li><i></i>
                            <a href="http://shehui.china.com.cn/">曝山东潍坊一超市方便面售500元一箱</a>
                        </li>
                        <li><i></i>
                            <a href="http://news.haiwainet.cn/">女子遭强奸谎称"姨妈来了"拖延时间 </a>
                        </li>
                        <li><i></i>
                            <a href="http://www.bashan.com/">男子与相好行乐不尽兴又调戏其儿媳 </a>
                        </li>
                    </ul>
                </div>
            </div>
        </article>
    </div>
    <!-- 引用js -->
    <script src="hao123.js"></script>
</body>

</html>
